// flex
.flex {
  display: flex;
}
.flex-1{
  flex: 1;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-column{
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}

.flex-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.h-100 {
  height: 100%;
}


// display
.d-flex{
  display: flex;
}
.d-inline-block {
  display: inline-block;
}

// position
.p-relative{
  position: relative;
}
.p-absolute {
  position: absolute;
}

// font
.font-12 {
  font-size: 12px;
}
.font-14 {
  font-size: 0.73vw;
}
.font-16 {
  font-size: 0.83vw;
}
.font-18 {
  font-size: 0.94vw;;
}
.font-20 {
  font-size: 1.04vw;;
}
.font-25 {
  font-size: 25px;
}
.font-bold {
  font-weight: bold!important;
}

// font-family
.font-medium {
  font-family: SourceHanSansCN-Medium;
}
.font-normal {
  font-family: SourceHanSansCN-Normal;
}


// font-weight

.is-required::before {
  display: inline-block;
  content: '*';
  color: red;
  vertical-align: middle;
  margin: 0 2px;
}

// cursor
.pointer {
  cursor: pointer;
}


// background
.background-transparent {
  background-color: transparent;
}
.background-gray {
  background-color: #eee;
}
.background-white {
  background-color: #fff!important;
}
.background-blue {
  background-color: $background-color1!important;
}
// border
.border-none{
  border-width: 0;
}
.border-box {
  box-sizing: border-box;
}
.border-gray {
  border: 1px solid $border-color1;
}
.border-left-none {
  border-left: none!important;
}
.border-right-none {
  border-right: none!important;
}
.border-top-none {
  border-top: none!important;
}
.border-bottom-none {
  border-left: none!important;
}

.radius-5{
  border-radius: 5px;;
}
.radius-8 {
  border-radius: 8px;
}
.radius-semi {
  border-radius: 50%;
}
// text
.text-gray {
  color: #333;
}
.text-primary {
  color: $primary-color;
}
.text-white{
  color: $text-color1 !important;
}
.text-color5 {
  color: $text-color5!important;
}
.text-color1 {
  color: $text-color1!important;
}
.text-color4 {
  color: $text-color4!important;
}
.text-color3 {
  color: $text-color3!important;
}
.text-color6 {
  color: $color1!important;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}


// vertical

.vertical-middle {
  vertical-align: middle;
}


//visible
.visibility-hidden {
  visibility: hidden;
}


// overflow

.overflow-y-auto {
  overflow-y: auto;
}
.overflow-auto {
  overflow: auto;
}



// 圆点
.circle-dot {
  width: 8px;
  height: 8px;
}


// icon
.icon-15 {
  width: 15px!important;
  height: 15px!important;
}
.icon-13 {
  width: 13px!important;
  height: 13px!important;
}

// dot-circle
.dot-circle {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: $background-color3;
}


// 渐变
.linear1 {
  background-image: $linear-gradient1;
}
.linear2 {
  background-image: $linear-gradient2;
}
.linear3 {
  background-image: $linear-gradient3;
}
